<pw:html>
    <pw:head>
        <title>SISCO - Crear oferta</title>

        <pw:component name="pw_include_view" data-show="true" data-src="head_scripts.html"></pw:component>
    </pw:head>

    <pw:body>

        <pw:component name="pw_include_view" data-show="true" data-src="header.html"></pw:component>

        <div class="container">
            <pw:component name="pw_include_view" data-show="true" data-src="messages.html"></pw:component>
            
            <pw:component name="pw_div" data-show="true" data-class="row" data-id="">
                <pw:container>

                    <pw:component name="pw_div" data-show="true" data-class="span3" data-id="">
                        <pw:container>
                            <pw:component name="pw_include_view" data-show="true" data-src="precio_sidebar.html"></pw:component>
                        </pw:container>
                    </pw:component>

                    <pw:component name="pw_div" data-show="true" data-class="span9" data-id="">
                        <pw:container>

                            <pw:component name="pw_form" data-show="true" data-class="" data-id="" data-action="" data-enctype="multipart/form-data" data-method="post">
                                <pw:container>

                                    <pw:component name="pw_text" data-show="true" data-content="Crear oferta" data-tag="legend" data-free=""></pw:component>
                                    
                                    <div class="row">
                                        <div class="span4">
                                            <pw:component name="pw_text" data-show="true" data-content="Tipo Oferta" data-tag="label" data-free=""></pw:component>
                                            <pw:component name="pw_combo_box" data-show="true" data-from="tipos_oferta" data-item="tipo_oferta" data-id="tipo_oferta" data-name="tipo_oferta" data-caption="descripcion" data-optvalue="id" data-selectedcond="$oferta->tipo_oferta->id == $tipo_oferta->id"></pw:component>
                                            <pw:component name='pw_labeled_input' data-show='true' data-name='fecha_desde' data-id='fecha_desde' data-label='Fecha desde' data-type='date' data-value='{$oferta->fecha_desde}' data-placeholder='' data-free=''></pw:component>
                                            <pw:component name='pw_labeled_input' data-show='true' data-name='fecha_hasta' data-id='fecha_hasta' data-label='Fecha Hasta' data-type='date' data-value='{$oferta->fecha_hasta}' data-placeholder='' data-free=''></pw:component>
                                            <pw:component name='pw_labeled_input' data-show='true' data-name='porcentaje' data-id='porcentaje' data-label='Porcentaje' data-type='number' data-value='{$oferta->porcentaje}' data-placeholder='' data-free='min="0" max="100"'></pw:component>
                                            <pw:component name='pw_hidden' data-name='identificador' data-id='identificador' data-value='{$oferta->identificador}'></pw:component>                                
                                        </div>
                                        <div class="span4 offset1 categorias">
                                            <pw:component name="pw_text" data-show="true" data-content="Categoría" data-tag="label" data-free=""></pw:component>
                                            <pw:component name="pw_combo_box" data-show="true" data-from="categorias" data-item="categoria" data-id="categoria" data-name="categoria" data-caption="nombre" data-optvalue="id" data-selectedcond="0"></pw:component>
                                        </div>
                                        <div class="span4 offset1 marcas">
                                            <pw:component name="pw_text" data-show="true" data-content="Marca" data-tag="label" data-free=""></pw:component>
                                            <pw:component name="pw_combo_box" data-show="true" data-from="marcas" data-item="marca" data-id="marca" data-name="marca" data-caption="nombre" data-optvalue="id" data-selectedcond="0"></pw:component>
                                        </div>
                                        <div class="span4 offset1 productos">
                                            <pw:component name='pw_labeled_input' data-show='true' data-name='codigo-producto' data-id='codigo-producto' data-label='Código producto' data-type='text' data-value='' data-placeholder='' data-free=''></pw:component>                                
                                            <pw:component name='pw_labeled_input' data-show='true' data-name='descripcion' data-id='descripcion' data-label='Descripción' data-type='text' data-value='' data-placeholder='' data-free='disabled="disabled"'></pw:component>                                
                                        </div>
                                    </div>
                                    
                                    <pw:component name="pw_div" data-show="true" data-class="form-actions" data-id="">
                                        <pw:container>
                                            <pw:component name="pw_button" data-show="true" data-id="" data-name="" data-caption="Crear" data-free="class='btn btn-primary'" data-type="submit"></pw:component>
                                        </pw:container>
                                    </pw:component> <!-- .form-actions -->

                                </pw:container>
                            </pw:component> <!-- form -->

                        </pw:container>
                    </pw:component> <!-- .span9 -->

                </pw:container>
            </pw:component> <!-- .row -->

            <pw:component name="pw_include_view" data-show="true" data-src="footer.html"></pw:component>

        </div><!-- .container -->

        <pw:component name="pw_include_view" data-show="true" data-src="footer_scripts.html"></pw:component>
        
        <script>
            
            jQuery(document).ready(function() {
                // Pongo la fecha de hoy
                var d		= new Date();
                var fecha	= d.getFullYear() + '-' + ("0"+(d.getMonth() + 1)).slice(-2) + '-' + ("0"+d.getDate()).slice(-2);
                jQuery('#fecha_desde').val(fecha);
                jQuery('#fecha_hasta').val(fecha);
                
                // Acomodo el formulario
                jQuery('.categorias').hide();
                jQuery('.marcas').hide();
                jQuery('.productos').hide();
            });
            
            jQuery('#tipo_oferta').on('change',function(e) {
                if (jQuery('#tipo_oferta').val() == '1') { // productos
                    jQuery('.marcas').hide();
                    jQuery('.categorias').hide();
                    jQuery('#identificador').val('');
                    jQuery('.productos').show();
                }
                else if (jQuery('#tipo_oferta').val() == '2') { // marcas
                    jQuery('.productos').hide();
                    jQuery('.categorias').hide();
                    jQuery('#identificador').val('');
                    jQuery('.marcas').show();
                }
                else if (jQuery('#tipo_oferta').val() == '3') { // categorias
                    jQuery('.productos').hide();
                    jQuery('.marcas').hide();
                    jQuery('#identificador').val('');
                    jQuery('.categorias').show();
                }
            });
                   
            jQuery('#codigo-producto').on('change',function(e) {
                jQuery.ajax({
                    url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(data){
                        if (data.id) {
                            jQuery('#descripcion').val(data.descripcion);
                            jQuery('#identificador').val(data.id);
                        }
                        else {
                            jQuery('#descripcion').val('ERROR');
                            jQuery('#identificador').val('');
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
            
            jQuery('#marca').on('change',function(e) {
                jQuery('#identificador').val(parseInt(jQuery('#marca').val()));
                        
            });
            
            jQuery('#categoria').on('change',function(e) {
                jQuery('#identificador').val(parseInt(jQuery('#categoria').val()));
                        
            });
        </script>
    </pw:body>
</pw:html>